﻿
@{
    ViewBag.Title = Resources.WebStringsWeb.WebTitle;
    Layout = "~/Views/Shared/_LayoutMobile.cshtml";
}

@section css {
    <style>
        .IsException {
            color: red;
        }

        .IsNormal {
            color: blue;
        }

        .mui-bar ~ .mui-content .mui-scroll-wrapper {
            top: 44px;
            height: auto;
        }
    </style>
}
<header class="mui-bar mui-bar-nav">
    @*<a id="menu" class="mui-action-menu mui-icon mui-icon-plus mui-pull-right" href="MDrillFormAdd"></a>*@
    <a class="mui-icon mui-icon-left-nav mui-pull-left" href="../Home/MTaskMenu"></a>
    <h1 class="mui-title" style="color:white;">专项检查待办</h1>
</header>
<div class="mui-content">
    <div id="pullrefresh">
        <div class="mui-scroll" id="checklist">
            <ul class="mui-table-view mui-table-view-chevron" ng-cloak ng-controller="TaskController" ng-init="
            GetSepcialCheckTask();">
                <li class="mui-table-view-cell" ng-show="SepcialCheckTaskList.length==0" style="height:150px;text-align:center;">暂无数据</li>
                <li class="mui-table-view-cell" ng-repeat="x in SepcialCheckTaskList">
                    <a ng-if="x.Status==1" href="../CheckForm/MSpecialCheckAdd?Id={{x.SCheckTaskId}}&pagename=../Task/MSpecialCheckTask">
                        <div style="position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%);">
                            <span class="mui-icon mui-icon-arrowright"></span>
                        </div>
                        <div class="mui-table mui-slider-handle">
                            <div class="mui-table-cell mui-col-xs-10">
                                <h5 class="mui-ellipsis"><b>{{$index+1}}.{{x.Description}}</b></h5>
                                <p class="mui-h6 mui-ellipsis">{{x.StartTime|JSONDate:'yyyy-MM-dd'}}~{{x.EndTime|JSONDate:'yyyy-MM-dd'}}</p>
                            </div>
                        </div>
                    </a>
                    <a ng-if="x.Status==2" href="../CheckForm/MSpecialCheckFormDetail?FormId={{x.SCheckFormId}}&IsApprove=1&TaskId={{x.SCheckTaskId}}&pagename=../Task/MSpecialCheckTask">
                        <div style="position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%);">
                            <span class="mui-icon mui-icon-arrowright"></span>
                        </div>
                        <div class="mui-table mui-slider-handle">
                            <div class="mui-table-cell mui-col-xs-10">
                                <h5 class="mui-ellipsis"><b>{{$index+1}}.{{x.Description}}</b></h5>
                                <h5>单号：<span ng-bind="x.SCheckFormNo"></span></h5>
                                <p class="mui-h6 mui-ellipsis">{{x.StartTime|JSONDate:'yyyy-MM-dd'}}~{{x.EndTime|JSONDate:'yyyy-MM-dd'}}</p>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
            <div style="height:80px;">

            </div>
        </div>
    </div>
</div>

@section js{
    <script src="~/Assets/js/mui.pullToRefresh.js"></script>
    <script src="~/Assets/js/mui.pullToRefresh.material.js"></script>
    <script src="~/Assets/js/pg/Task.js?v=@DateTime.Now.ToString("yyyyMMddHHmm")"></script>

    <script>
        mui.init({
            swipeBack: false,
            keyEventBind: {
                backbutton: false  //关闭back按键监听
            }
        });
        mui.showLoading("正在加载..", "div");
        setTimeout(function () {
            mui.hideLoading();
        }, 2000);


    </script>
}

